<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="Author" content="ZhangBin">
    <meta name="Keywords" content="1的N次幂,1的N次幂的博客,1的N次幂blog,博客,个人网站">
    <meta name="Description" content="java后端交流学习平台。含盖了从HTML，CSS前端到java后台各个领域的个人网站！">
    <title>关于我</title>
    <link rel="shortcut icon" href="/static/img/Head.png" type="image/x-icon"/>
    <script type="text/javascript" src="/static/js/browserTEST.js"></script>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css"
          integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link rel="stylesheet" href="/static/css/front_common.css?v1.2">
    <link rel="stylesheet" href="/static/css/front_detail.css?v1.2">
    <script type="text/javascript" src="/static/plugins/jQuery/jquery-3.3.1.min.js"></script>
    <script>
        function showShade() {
            $(".shade").show();
        }

        function hideShade() {
            $(".shade").fadeOut();
        }
    </script>
</head>
<body ondragstart="return false;">
<!--loading START-->
<div class="shade shadeBg" style="display: none">
    <div class="container loading front-loading" style="position:absolute;top:50%;width:100%;">
        <div class="row loading_wait" style="display: block;">
            <div class="loader">
                <div class="loader-outter"
                     style="border: 4px solid #4fc084;border-left-color: transparent;border-bottom: 0;"></div>
                <div class="loader-inner"
                     style="border: 4px solid #4fc084;border-top-color: transparent;border-right: 0;"></div>
            </div>
        </div>
    </div>
</div>
<script>showShade();</script>
<!--loading END-->
<!--notice panel START-->
<div class="fixedNotice" style="display: none;"></div>
<!--notice panel END-->
<!--navbar:START -->
<div class="nav navbar-default navbar-static-top navbar-fixed-top">
    <div class="container-fluid">
        <div class="navbar-header">
            <button class="navbar-toggle" data-toggle="collapse" data-target="#my-navbar">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <!--<a class="navbar-brand hidden-xs" href="/zbBlog" id="header">
                <img src="../static/img/Head.png" />
            </a>-->
            <a class="navbar-brand " href="javascript:void(0)" id="myName">
                1的N次幂 Blog
            </a>
        </div>
        <div class="collapse navbar-collapse" id="my-navbar">
            <ul class="nav navbar-nav navbar-left menu">
                <!--<li class="dropdown" >
                    <a href="#" class="mainmenu">java</a>
                    <ul class="submenu">
                        <li>
                            <a href="#">Spring</a>
                        </li>
                        <li>
                            <a href="#">MyBatis</a>
                        </li>
                        <li>
                            <a href="#">Struts2</a>
                        </li>
                        <li>
                            <a href="#">JavaEE</a>
                        </li>
                    </ul>
                </li>-->

            </ul>
            <form class="navbar-form navbar-left hidden-sm hidden-md" id="search-input">
                <div>
                    <span class="rotatePanel"></span>
                    <i class="fa fa-search fa-lg"></i>
                    <input type="text" placeholder="搜索感兴趣的内容..." class="form-control"/>
                </div>
            </form>
            <ul class="nav navbar-nav navbar-right hidden-sm  aboutMeMenu">
                <!--<li>
                    <a href="#">友链</a>
                </li>
                <li>
                    <a href="aboutMe.html" target="_blank">关于我</a>
                </li>
                <li>
                    <a href="#">微信关注</a>
                </li>-->
            </ul>
        </div>

    </div>

</div>
<!--navbar:END -->
<!--banner START-->
<div id="myCarousel" class="carousel slide hidden-xs ">
    <div class="carousel-inner">
        <div class="item active">
            <img src="http://home.zhangbin.xin/banner_mengxiang.jpg" id="banner-warp">
            <div class="carousel-caption"><span></span></div>
        </div>
    </div>
</div>
<!--banner END-->
<!--main START-->
<div id="zb-main">
    <div id="zb-main-left">
        <div class="container-fluid zb-content">
            <div class="detail_cont">
                <div class="zb-ml-main zb-m-whitBg">
                    <!--内容填充区域-->
                    <div class="zb-ml-content">

                    </div>
                </div>
            </div>
        </div>
        <!--这里主要是给翻牌用的loading START-->
        <div class="container loading front-loading" style="display: none;">
            <div class="row loading-next-div">
                <div class="col-lg-12">
                    <a class="loading_next">加载更多。。。</a>
                </div>
            </div>
            <div class="row loading_wait">
                <div class="loader">
                    <div class="loader-outter"></div>
                    <div class="loader-inner"></div>
                </div>
            </div>
            <div class="row loading_end">
                <div class="col-lg-12">没有更多的内容了</div>
            </div>
        </div>
        <!--这里主要是给翻牌用的loading END-->
    </div>
    <div id="zb-main-right" class="visible-lg-block">
        <div class="container-fluid notice">
            <div class="panel panel-warning">
                <div class="panel-heading">
                    <h3 class="panel-title text-center">公告</h3>
                </div>
                <div class="panel-body">
                    <!--<header></header>-->
                    <div class="notice-cont">

                    </div>
                    <a class="more">查看更多公告. . .</a>
                </div>
            </div>
        </div>
        <div class="container-fluid statistics">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h3 class="panel-title text-center">站点统计</h3>
                </div>
                <div class="panel-body">
                    <ul class="list-unstyled">
                        <li>主页面：6 个</li>
                        <li>子页面：7 个</li>
                        <li>文章：<span class="artCount"></span> 篇</li>
                        <li>标签：<span class="navbarCount"></span> 个</li>
                        <li>评论：<span class="commCount"></span> 条</li>
                        <li>赞：<span class="praiseCount"></span> 个</li>
                        <li>请求量：<span class="reqCount"></span> 次</li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="container-fluid friendLink">
            <!--<div class="panel panel-default">
                <div class="panel-heading">
                    <h3 class="panel-title text-center">友链</h3>
                </div>
                <div class="panel-body">
                    <ul class="list-unstyled">
                        <li>暂无</li>
                    </ul>
                </div>
            </div>-->
        </div>
    </div>
</div>
<!--main END-->
<!--toTOp START-->
<a class="toTop">
    <img src="http://home.zhangbin.xin/toTop.gif" width="100"/>
</a>
<!--toTOp END-->
<!--footer START-->
<div class="container-fluid footer">
    <div class="row">
        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
            <h4>1的N次幂的个人博客</h4>
            让优秀成为一种习惯！
        </div>
        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
            <a href="javascript:void(0)" class="thumbnail" title="关注我">
                <img src="http://home.zhangbin.xin/weixinQRCode.jpg" width="60px">
            </a>
        </div>
        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
            <a href="https://www.qiniu.com/" title="七牛云">
                <img src="https://ss0.bdstatic.com/-0U0bnSm1A5BphGlnYG/tam-ogel/6679ca8537aac2bdddb3bb74a6cc4ce6_121_121.jpg"
                     height="50px">
            </a>
            <a href="https://www.aliyun.com/" title="阿里云">
                <img src="https://ss0.bdstatic.com/-0U0bnSm1A5BphGlnYG/tam-ogel/30d56dac6deed198f47e593eb89d8333_121_121.jpg"
                     height="50px">
            </a>
            <a href="https://pan.baidu.com/" title="百度云盘">
                <img src="https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=2847717430,1606509281&fm=58&s=0272C8328CA07D0147EC71C6000030B0&bpow=121&bpoh=75"
                     height="50px">
            </a>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-12">
            Copyright &copy; 1的N次幂 滇ICP备18002838号
        </div>
    </div>
</div>
<!--footer END-->

<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"
        integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
        crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.nicescroll/3.5.6/jquery.nicescroll.js"></script>
<script type="text/javascript" src="../static/plugins/layer-3.1.1/layer.js"></script>
<script type="text/javascript" src="../static/js/front_common.js?v1.3"></script>
<script type="text/javascript">
    $(function () {
        loadAboutMe();
        resetScroll();
    })

    function loadAboutMe() {
        $.ajax({
            url: "/aboutMe/getAboutMe.zb",
            dataType: "JSON",
            type: "POST"
        }).done(function (data) {
            if (data && data.success) {
                $("#zb-main-left .zb-ml-content").html(data.data.content);
            } else {
                msg(data.msg || "加载信息失败！");
            }
        }).fail(function () {
            msg("可能由于网络原因，加载信息失败！");
        }).always(function () {
            hideShade();
        })
    }

    function resetScroll() {
        var time = getUrlParm("t");//大分辨率会传递该参数
        var curTime = new Date().getTime();
        if (time && curTime - time <= 7 * 1000) {
            setTimeout(function () {
                var mainLeftTop = $("#zb-main").offset().top;
                $("html,body").animate({scrollTop: (mainLeftTop - 150)}, 500);
            })
        }
    }

    function getUrlParm(param) {
        var reg = new RegExp("(^|&)" + param + "=([^&]*)(&|$)");
        var r = window.location.search.substr(1).match(reg);
        if (r != null)
            return unescape(r[2]);
        return null;
    }
</script>
</body>

</html>